<template>
	<div class="wy-main business-labour">
		<a-row class="wy-main-title">
			<a-col :span="24">
				<p class="title-p">
					<a-divider class="title-vertical"  type="vertical" />
					<span class="title-span" >管理我的劳务信息</span>
					<router-link to="/business/labour/publish">
						<a-button type="primary" class="title-button">发布劳务信息</a-button>
					</router-link>
					<a-divider class="title-divider"  />
				</p>
			</a-col>
		</a-row>
		<a-table :columns="columns" :rowKey="record => record.key" :dataSource="data" style="margin-top: 10px;">
		<span slot="operation" slot-scope="text, record">
		  <a href="javascript:;">详情</a>
	      <a-divider type="vertical" />
	      <a href="javascript:;">修改</a>
	      <a-divider type="vertical" />
	      <a href="javascript:;">删除</a>
	    </span>
		</a-table>
		<div class="remind">
			<p><b>温馨提示</b></p>
			<p>1.如果您未发布劳务信息，请点击“发布劳务信息”发布。</p>
			<p>2.您可以对您发布的劳务信息进行修改删除。</p>
		</div>
	</div>
</template>
<script>
	const columns = [{
		title: '标题',
		dataIndex: 'name',
		key: 'name',
	}, {
		title: '劳务信息',
		dataIndex: 'address',
		key: 'address',
	}, {
		title: '发布时间',
		dataIndex: 'Contacts',
		key: 'Contacts',
	}, {
		title: '操作',
		key: 'operation',
		scopedSlots: {
			customRender: 'operation'
		},
	}];

	const data = [{
		key: '1',
		name: '网点一',
		address: '网店地址一',
		Contacts: '张**',
		phone: '15765655555',
		state: '通过',
	},{
		key: '2',
		name: '网点二',
		address: '网店地址二',
		Contacts: '李**',
		phone: '1762225464',
		state: '通过',
	},{
		key: '3',
		name: '网点三',
		address: '网店地址三',
		Contacts: '张**',
		phone: '15765655555',
		state: '通过',
	}];
	export default {
		data() {
			return {
				data,
				columns,
			}
		},
		beforeCreate() {
			this.form = this.$form.createForm(this);
		},
		methods: {
		}
	}
</script>

<style lang="less" scoped>
	.business-labour {
		.remind {
			padding: 8px 15px;
			border: 1px solid #eee;
		}
	}
</style>